
  
.badgeDangerB{
 position: relative;
 bottom: 2px;
  }
  .buttonb{
    background-color:#13c2f3;
    color:#ffffff;
    margin-right:6px; 
  }
  .overa{
    height:calc(90vh);
    overflow: hidden;
  }
  .over{
    height:calc(73vh);
    overflow-y: auto;
  }
//   .over::-webkit-scrollbar {
//     display: none;
// }
.app{
  
}
.overall {
  width: 100%;
  height: 100%;
}
.colorBackground {
  background-color: #ffffff;
  border-bottom: 1px solid #e7e7e7;
  min-height: 55px;
  min-width: 1100px;
}
.colorBackgrounds {
  background-color: #ffffff;
  min-height: calc(100vh - 210px);
  min-width: 1100px;
  
}
.zsy {
  display: flex;
  justify-content: flex-end;

}
.textHeader1 {
  font-size: 8px;
}
.textHeader2 {
  font-size: 26px;
}
.textHeader {
  width: 160px;
  height: 75px;
  display: flex;
  justify-content: center;
  align-items: center;
  .textHeaderA {
    height: 45px;
  }
  .textHeaderB {

    height: 45px;
  }
}
.AccessTrend {
  background-color: #15baea;
  margin-right: 2px;
  
}
.cursorA {
  cursor: pointer;
}
.busa {
  width: 100%;
  height: 100%;
}
.buttonA{
  margin-top: 6px;
}
.buttonAB{
  margin-top: 9px;
}
.badgeDangerA{
// justify-content:flex-start;
background-color: #ff8992;
background-image: none;
height: 18px;
width: 24px;
border-radius: 12px !important;
text-align: center;
}
.badgeDangera{
  background-color: #abcb67;
  background-image: none;
  height: 18px;
  width: 24px;
  border-radius: 12px !important;
  text-align: center;
}
.badgeDangerB{
position: relative;
bottom: 2px;
}
.buttonb{
  background-color:#13c2f3;
  color:#ffffff;
  margin-right:6px; 
}
.pb{
  display: flex;
  // flex-wrap:wrap;
  flex-wrap: nowrap;
  

}
.buttongl{
  display: flex;
  align-items: center;
  width: 70px;
  height:24px;
  background: #13c2f3;
  padding: 5px 10px 5px 10px;
  color: #ffffff;
  border-radius:5px; 
  cursor: pointer;
}
.buttongl:active
{
background-color:rgb(51, 163, 255);
}